
.chat-group-item{
    margin: 0.5rem 0;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.4rem;
    display: flex;
    flex-direction: row;
    background: rgba(1,86,192,0.4);
    align-items: center;
    &:not(:last-child){
        margin-bottom: .5rem;
    }
    .title{
        flex:1;
        font-size: 0.6rem;
        display: flex;
        align-items: center;
        color:#d8d8d8
    }
    

    :global{
        .group-item-edit{
            display: flex;
            align-items: center;
            .opera-item {
                width: 16px;
                margin-left: 8px;
    
                .iconfont {
                    font-size: 1rem;
                    line-height: 1rem;
                    color: #fff;
                }
            }
        }
        .group-item-opera{
            display: flex;
            align-items: center;
            .opera-item {
                width: 16px;
                margin-left: 8px;
    
                .iconfont {
                    font-size: 1rem;
                    line-height: 1rem;
                    color: #d8d8d8;
                }
    
                &:hover {
                    .iconfont {
                        color: #fff;
    
                        &.icon-delete {
                            color: #fff;
                        }
                    }
    
                }
            }
        }
    }
}

.active{
    color: #fff;
    background: rgba(1,86,192,0.75);
    border: 0.05rem solid #0FB5F9;
}